/* 
xxs  100 - 479
xs   480 - 767
sm   768 - 996
md   997 - 1479
lg   1480 - 
 */
@charset "utf-8";
/* CSS Document */
html, body{width: 100%;}
html{background: #F4F8F5;font-size:62.5%; /* 10÷16=62.5% */  }
body{font-size: 14px; /* 14÷10=1.4 */color: #333;font-family: Helvetica, Arial, 'Montserrat', 'Montserrat-Light','Microsoft YaHei','微软雅黑','Songti SC','宋体',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma, sans-serif; font-weight: 300;}
*{box-sizing: border-box;}
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,ul,dd,dl,dt,li,button,object,a,img,span{margin:0px;padding:0px; -webkit-font-smoothing: subpixel-antialiased;}
/* table{border-collapse:collapse;border-spacing:0;width:100%;} */
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
/* p{text-align: justify;} */
a{outline:none;text-decoration:none;color: #018425;}
a:hover{text-decoration: none;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
/* address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;} */
ul,ol,li{list-style:none outside none;}
button{outline: none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
/* q:before,q:after{content:'';content:none;} */
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.clearFix{*zoom:1;clear:both;}
.clearFix:after{content: '';display: block;clear:both;}
.clear{width: 100%;overflow:hidden;}
img{display: block; width: 100%; height: 100%;}


/* @font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: normal;
	src: url('../../fonts/20240215/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/20240215/Montserrat-Light.woff') format('woff'),
		url('../../fonts/20240215/Montserrat-Light.ttf') format('truetype'),
		url('../../fonts/20240215/Montserrat-Light.otf') format('truetype'),
		url('../../fonts/20240215/Montserrat-Light.svg#laomn') format('svg');
}

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: bold;
	src: url('../../fonts/20240215/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/20240215/Montserrat-Medium.woff') format('woff'),
		url('../../fonts/20240215/Montserrat-Medium.ttf') format('truetype'),
		url('../../fonts/20240215/Montserrat-Medium.otf') format('truetype'),
		url('../../fonts/20240215/Montserrat-Medium.svg#laomn') format('svg');
} */

@font-face {
	font-family: 'BFU';
	/* src: url('../../fonts/20240215/BFU-生长体.ttf') format('truetype'); */
	src: url('../../fonts/20240215/BFU-生长体.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/20240215/BFU-生长体.woff') format('woff'),
		url('../../fonts/20240215/BFU-生长体.ttf') format('truetype'),
		url('../../fonts/20240215/BFU-生长体.svg#laomn') format('svg');
	font-weight: normal;
}

.p-r{ position: relative;}
.p-a{ position: absolute;}
.w33{width: 33%;}
.wbreak{word-break: break-all;}
.pt15{padding-top:1.5rem;}
.btn-close{width: 3.3rem; height: 3.3rem; background: url('../../images/20240215/close.svg') no-repeat center;}

/* flex布局 */
.flex{ display: -webkit-box; display: -ms-flexbox; display: flex;}

.fontBold{font-weight: bold;}


/* 下划线动效 */
.textBorder{ overflow: hidden;transition: all .5s; cursor: pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative;}
.textBorder:before{ content: "";  position: absolute; z-index: -1;left: 0;right: 100%;bottom: 0; background: #00AD5B; height: 1px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.textBorder:hover:before{ right: 0;}

/* 居中下划线动效 */
.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
}
.hvr-underline-from-center:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #518961;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-center:not(.active):hover:before, .hvr-underline-from-center:not(.active):focus:before, .hvr-underline-from-center:not(.active):active:before {
	left: 0;
	right: 0;
}



.line1{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis;}
.line2{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.line3{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; text-overflow: ellipsis;}
.line4{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; text-overflow: ellipsis;}
.line5{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 5; text-overflow: ellipsis;}
.line6{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 6; text-overflow: ellipsis;}
.line7{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 7; text-overflow: ellipsis;}
.line10{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 10; text-overflow: ellipsis;}
.ellipsis{display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.speed03{transition: all .3s;}
.speed1{transition: all 1s;}


#canvas {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#logo{
	width: 90px;
	height: 90px;
	text-align: center;
	position: fixed;
	top: -200px;
	left: 0;
	z-index: 5000;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../../images/20240215/icon.svg') no-repeat center;
	background-size: 61px 51px;
	transition: background .6s ease-out 0s;
	cursor: pointer;
}
#logo .bg-logo{
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 90px;
	background: rgba(255,255,255, .25);
	border-radius: 50%;
	animation: myBreath 4s linear infinite;
}
@keyframes myBreath {
0%{
	transform: scale(0.9);
	transform-origin: bottom;
	}
50%{
	transform: scale(1.07);
	transform-origin: bottom;
	}
	100%{
	transform: scale(0.9);
	transform-origin: bottom;
	}
}
#logo::before{
	display: block;
	content: "";
	width: 126px;
	height: 126px;
	border-radius: 50%;
	background: rgba(255,255,255,.25);
	position: absolute;
	bottom: 0;
	animation: myBreath 4s linear infinite;
}
#logo::after{
	display: block;
	content: "";
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(255,255,255,.25);
	position: absolute;
	bottom: 0;
	animation: myBreath 4s linear infinite;
}

/* #logo.greenBg .bg-logo, #logo.greenBg::before, #logo.greenBg::after{
	background: rgba(174, 208, 183, .25);
} */



#logo-home{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../../images/20240215/icon.svg') no-repeat center;
	background-size: 61px 51px;
	transition: background .6s ease-out 0s;
	cursor: pointer;
	position: absolute;
	left: 18px; bottom: 0; z-index: 10;
}
.logo-home-wrapper{position: fixed; top: -200px; left: 0; width: 90px; height: 90px; z-index: 5000; border-radius: 50%;}
.logo-home-wrapper .item-cir-logo{ position: absolute; border-radius: 50%; transition: all .8s ease-out 0s;  }
.logo-home-wrapper .item-cir-logo::after{
	display: block; position: absolute; left: 0; top: 0; content: ''; width: 90px; height: 90px; background: rgba(255,255,255,.3); border-radius: 50%;
	animation: myBreath 4s linear infinite;
}
.logo-home-wrapper .item2-cir-logo::after{width: 110px; height: 110px;}
.logo-home-wrapper .item3-cir-logo::after{width: 126px; height: 126px;}
.logo-home-wrapper .item-cir-logo a{display: block; text-align: center; width: 0; height: 0; overflow: hidden;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; font-size: 12px; color: #42745D; line-height: 1;
	opacity: 0; position: absolute; top: 0; left: 0; z-index: 10;
	transition: opacity .4s ease-out .4s;
}
.logo-home-wrapper .item-cir-logo img{width: 50px; height: 50px; margin: 0 auto;}
.logo-home-wrapper .item1-cir-logo{width: 90px; height: 90px; z-index: 8; left: 18px; bottom: 0;}
.logo-home-wrapper .item2-cir-logo{width: 110px; height: 110px; z-index: 6; left: 8px; bottom: 0;}
.logo-home-wrapper .item3-cir-logo{width: 126px; height: 126px; z-index: 4; left: 0; bottom: 0;}

/* .logo-home-wrapper.showCircle{ background: rgba(255,255,255,.75); width: 400px; height: 400px;} */
.logo-home-wrapper.showCircle #logo-home{ background-image: url('../../images/20240215/icon-g.svg'); background-color: rgba(255,255,255,.5); }
/* .logo-home-wrapper.showCircle .item-cir-logo{bottom: 137px;} */
.logo-home-wrapper.showCircle .item1-cir-logo{transform: translate(90px, -115px); width: 100px; height: 100px;}
.logo-home-wrapper.showCircle .item2-cir-logo{transform: translate(200px, 0); width: 100px; height: 100px;}
.logo-home-wrapper.showCircle .item3-cir-logo{transform: translate(115px, 125px); width: 100px; height: 100px;}

.logo-home-wrapper.showCircle.pos-rt .item1-cir-logo{transform: translate(-110px, -115px); width: 100px; height: 100px;}
.logo-home-wrapper.showCircle.pos-rt .item2-cir-logo{transform: translate(-200px, 0); width: 100px; height: 100px;}
.logo-home-wrapper.showCircle.pos-rt .item3-cir-logo{transform: translate(-90px, 125px); width: 100px; height: 100px;}


.logo-home-wrapper.showCircle .item-cir-logo::after{width: 100px; height: 100px; background: rgba(255,255,255,.85);box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.logo-home-wrapper.showCircle .item-cir-logo a{ width: 100px; height: 100px; opacity: 1; color: #42745D;}
.logo-home-wrapper.showCircle .item-cir-logo a:hover{font-weight: bold;}



.more a{display: inline-block; padding:1.5rem 0 2rem 0; font-size: 0; overflow: hidden; position: relative; font-size: 0;color: #518961; }
.more span{transition: all .3s; display: inline-block; vertical-align: middle;}
.more span.text{ position: relative; left: 0; font-size: 16px; margin-right: 1.5rem; line-height: 1; color: #518961;}
.more span.arrow{ display: inline-block; width: 1.6rem; height: 2.3rem;}
.more span.arrow svg{width: 100%;}
.more span.arrow-l{transform: translateX(-5rem);}
.more a:hover span.arrow-r{transform: translateX(5rem);}
.more a:hover span.arrow-l{transform: translateX(.5rem); }
.more a:hover span.text{ left: 2rem; }

.white.more a, .white.more a span.text{ color: #fff;}

@media screen  and (max-width:900px){
	.more span.text{font-size: 12px;}
	.more span.arrow{width: 7px; height: 12px;}
}

@media screen and (max-width:499px) {
	.til-section{text-align: center; padding-top: 24px;}
}

.fs80{font-size: 80px;}
.fs40{font-size: 40px;}
.fs30{font-size: 30px;}
.fs24{font-size: 24px;}

/* 顶部 */
.header-top-fixed{width: 100%; height: 5rem; position: fixed; top: 0; z-index: 3100;}

.content-wrapper{width: 100%; overflow: hidden;}
.w100{width: 100%;}
.con-index{ position: absolute; z-index: 1000;}
.icon-search{width: 2.3rem; height: 2.3rem; float:left; background: url('../../images/20240215/search.svg') no-repeat center; background-size: 100%;}

.header-fixed-wrapper{width: 100%; background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4039);position: fixed; top: 0; z-index: 3150; display: none;}
.header-fixed{max-width: 1600px; height: 9rem; padding: 0 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.header-fixed .con-fixed{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.header-fixed .con-fixed > div, .header-fixed .con-fixed .logo-fixed{-moz-flex-shrink: 0; -ms-flex-shrink: 0; -webkit-flex-shrink: 0;flex-shrink: 0;}

.header-fixed .nav-fixed{ margin: 0 2rem; display: -webkit-box; display: -ms-flexbox; display: flex;}
.header-fixed .nav-fixed > li{ height: 9rem; padding: 0 16px; font-family: Helvetica; font-size: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.header-fixed .nav-fixed > li .a-item-nav-fixed{color: #175127; line-height: 2; white-space: nowrap;}
.header-fixed .nav-fixed > li:hover .a-item-nav-fixed{ color: #518961; font-weight: bold;}
.header-fixed .nav-fixed > li.active .hvr-underline-from-center:before { left: 0; right: 0;}

.header-fixed .nav-fixed .sub-nav-fixed{height: 0; background: #fff; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.302); position: absolute; left: -4px; top: 9rem; min-width: calc(100% + 8px); overflow: hidden; }
.header-fixed .nav-fixed .con-sub-nav-fixed{padding: 16px 24px;}
.header-fixed .nav-fixed .sub-nav-fixed li{padding: 4px 0;}
.header-fixed .nav-fixed .sub-nav-fixed a{padding: 4px 0; font-size: 16px; line-height: 2; color: #575757; white-space: nowrap;}
.header-fixed .nav-fixed .sub-nav-fixed a:hover{color: #518961;}

.header-fixed .other-fixed{ color: #518961; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.header-fixed .divider{width: 1px;height: 18px; background: #518961; margin: 0 16px;}
.header-fixed .logo-fixed{width: 19.8rem; height: 6.3rem; }
.header-fixed .search-fixed{display: inline-block; width: 2.3rem; height: 2.3rem; cursor: pointer;}
.header-wrapper .mask-header{width: 100%; height: 33%; z-index: 120; background: linear-gradient(180deg, rgba(12, 28, 0, 0.9922) 0%, rgba(20, 78, 3, 0) 100%); opacity: .8;}
.header-wrapper .banner {margin: 0 auto; width: 100%;}
.header-wrapper .banner img{
	width:100%;
	height:auto;
	min-height:100%;
	transition:1s linear 2s;
	transform:scale(1.1,1.1);
}
.header-wrapper .banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{
	transition:6s linear;
	transform:scale(1,1);
}	

.banner.swiper{width: 100%; z-index: 9;}
.banner .swiper-slide {
	background-position: center;
	background-size: cover;
	height: 0;
	padding-bottom: 51.5625%;
	position: relative;
}

.banner .swiper-slide img {
	display: block;
	width: 100%;
}

.banner .swiper-slide video {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	height: 100% !important;
	object-fit: cover;
}

.header-wrapper .banner .swiper-pagination-bullet{background: #fff; opacity: .8;}
.header-wrapper .banner .swiper-pagination-bullet-active {background:#195F2C; }
.header-wrapper .banner .swiper-scrollbar-drag{background: rgba(255,255, 255, .6);}

.header-wrapper .con-header{position: absolute; top: 0;left:0; right: 0; z-index: 2000;}
.header-wrapper .logo-header{ margin: 4rem auto 0 6rem;}
.header-wrapper .logo-header a{display: inline-block; width: 28.6rem; height: 9.1rem;}
.header-wrapper .menu{position: absolute; right: 6rem; top: 6rem; cursor: pointer;}
.header-wrapper .icon-menu{ display: inline-block; margin-right: 3.6rem; font-size: 2.4rem; font-family: BFU; color: #fff;}
.header-wrapper .icon-search{display: inline-block; float: none; vertical-align: top;}


/* 导航 */
.nav-wrapper{position: fixed; top: 0; right: 0; z-index: 3000; padding: 5rem 0 10rem 0; width: 63rem; min-width: 500px; background: url('../../images/20240215/menu-bg.png') no-repeat bottom right #175127; background-size: 100%; display: none;}
.nav-wrapper .nav{padding-top: 3rem;}
.nav-wrapper .item-nav{padding: 2px 0;}
.nav-wrapper .con-item-nav { display: inline-block; position: relative;}

.nav-wrapper .item-nav .a-item-nav{display: inline-block; padding: 0 4rem; font-size: 3rem; line-height: 8rem; height: 8rem; font-weight: bold; color: #fff; transition: all .6s;}
.nav-wrapper .item-nav-active .a-item-nav, .nav-wrapper .con-item-nav:hover .a-item-nav{color: #00AD5B; font-size: 4rem; background: #00290B;}
.nav-wrapper .sub-nav{ position: absolute; left:0; top: 0; background: rgba(0, 41, 11, .9); overflow: hidden; display: none; z-index: 10;}
.nav-wrapper .item-nav:nth-last-child(2) .sub-nav{bottom: 0; top: auto;}
.nav-wrapper .item-nav:last-child .sub-nav{bottom: 0; top: auto;}
.nav-wrapper .sub-nav .con-sub-nav{padding: 24px;}
.nav-wrapper .sub-nav .item-sub-nav{ padding: 8px 0;}
.nav-wrapper .sub-nav a{font-size: 20px; color: #fff; line-height: 1.2; white-space:nowrap; }
.nav-wrapper .sub-nav a:hover{ color: #00AD5B;}

.nav-wrapper .close-nav{ position: absolute; right: 4rem; top: 4rem;}
.nav-wrapper .search{width: 40.5rem; height: 7rem; border: 1px solid #00AD5B; padding: 0 6rem 0 1.2rem; margin-left: 4rem; position: relative;}
.nav-wrapper .search input{background: none; border: none; width: 100%; height: 6.8rem; outline: none; color: #fff; font-size: 16px;}
.nav-wrapper .search .icon-search{ position: absolute; right: 2.6rem; top: 2.2rem;}

.nav-wrapper .other-nav{ font-size: 2rem; padding: 0 0 3rem 4rem;}
.nav-wrapper .other-nav a{color: #fff;}
.nav-wrapper .other-nav .divider{vertical-align: middle; display: inline-block; width: 1px;height: 2rem; background: #fff; margin: 0 1.6rem;}
/* 搜索 */
.mask-search{width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.9); z-index: 5100; display: none;}
.mask-search .close-search{ position: absolute; top: 30px; right: 30px; cursor: pointer;}
.mask-search .search{max-width: 500px; width: 80%; height: 50px;border: 2px solid #018425; background: #fff; margin: 0 auto; position: relative; top: 50%; margin-top: -25px; line-height: 50px; border-radius: 2px; }
.mask-search .search input{width: 100%; height: 48px; padding: 0 72px 0 12px; font-size: 16px;border: none; background: none; outline: none;}
.mask-search .search button{width: 100px; height: 48px; position: absolute; right: 0; background: #018425;font-size: 16px; color: #fff;border: none; font-weight: bold;}


/* footer */
.footer{background: #014E37; color: #fff; overflow: hidden; position: relative; z-index: 110; clear: both;}
.footer .con-footer{ position: relative; max-width: 1700px; padding: 30px 20px; margin: 0 auto;}
.footer .item-footer{flex-grow: 1; width: 33.3%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.footer .medium-footer{clear: both;}
.footer .medium-footer li{display: inline-block; margin-right: 15px; margin-bottom: 16px; width: 46px; height: 46px;}
.footer .medium-footer li img{width: 100%; position: relative;}
.footer .medium-footer li:hover img{animation: jump 1.6s linear infinite;}
@keyframes jump {
	0%{
		bottom: 0;
	}
	50%{
		bottom: 8px;
	}
	100%{
		bottom: 0;
	}
}
.footer .text-rt-footer{clear: both;} 
.footer .ct-footer{text-align: center;}
.footer .copy-footer{ display: none;}
.footer .logo-footer{margin: 0 auto; display: inline-block;}
.footer .item-lf-footer a{color: #fff; background: url('../../images/20240215/arrow-f.png') no-repeat left center; padding-left: 27px; transition: all 1s;}
.footer .item-lf-footer a:hover{font-weight: bold;background-position: 8px center;}
.footer .rt-footer{justify-content: flex-end;}
.footer .rt-footer .con-rt-footer{max-width: 360px; padding-left: 20px;}
.qrcode{
	position: absolute;
	top: 0;
	transition: all .5s;
	display: none;
	z-index: 1001;
}
.qrcode img{width: 86px; height: 86px;}
.up-qrcode{
	margin: 0 auto;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent; 
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid #fff;
}

.tabs-common{margin-top: 3rem;}
/* .til-tabs{margin-right: 6rem; width: 36rem; height: 8rem; line-height: 8rem; background: #fff; text-align: center; color: #BCC3C0; font-size: 4rem; cursor: pointer; float: left;} */
.til-tabs{margin-right:20px; width: 36rem; line-height: 2; background: #fff; text-align: center; color: #BCC3C0; font-size: 4rem; cursor: pointer; float: left;}
.til-tabs:last-child{margin-right: 0;}
.til-tabs a{color: #BCC3C0; display: block;}
.til-tabs.active{background: #42745D; color: #fff;}
.til-tabs.active a{color: #fff;}
.tabPane-common{clear: both;}
.con-tabPane{display: none;}
.con-tabPane.active{display: block;}


@media screen  and (max-width:1800px){
	html{font-size: 58.59375%;}

	.fs80{font-size: 75px;}
	.fs40{font-size: 37.5px;}
}

@media screen  and (max-width:1700px){
	html{font-size: 55.3385%;}

	.fs80{font-size: 70.83px;}
    .fs40{font-size: 35.42px;}
}

@media screen  and (max-width:1600px){
	html{font-size:52.5%;}

	.fs80{font-size: 66.7px;}
	.fs40{font-size: 33.33px;}

	.fs30{font-size: 25px;}
	.fs24{font-size: 20px;}

	.header-fixed .nav-fixed li{padding: 0 14px; font-size: 18px;}

}

@media screen  and (max-width:1440px){
	html{font-size: 47%;}

	.fs80{font-size: 60px;}
	.fs40{font-size: 30px;}
	.fs30{font-size: 22px;}
	.fs24{font-size: 18px;}
	/* .nav-wrapper .item-nav a{font-size: 24px;} */
	/* .nav-wrapper .item-nav-active a, .nav-wrapper .item-nav a:hover{font-size: 30px;} */

	.wnews .swiper-news .con-item-news .til-item-news{font-size: 20px;}
	.header-fixed .nav-fixed li{padding: 0 12px; font-size: 18px;}
	.header-fixed .other-fixed{ font-size: 16px;}
	.header-fixed .nav-fixed .sub-nav-fixed{left: -12px; min-width: calc(100% + 24px);}

}

@media screen  and (max-width:1366px){
	html{font-size: 45%;}
	/* .nav-wrapper .item-nav{height: 74px;} */

	.fs80{font-size: 57px;}
	.fs40{font-size: 28px;}
	.fs30{font-size: 21px;}
	.fs24{font-size: 17px;}

	.header-fixed .nav-fixed li{padding: 0 8px; font-size: 16px;}

}

@media screen  and (max-width:1200px){
	html{font-size: 40%;}

	.fs80{font-size: 50px;}
	.fs40{font-size: 25px;}
	/* .fs30{font-size: 18px;}
	.fs24{font-size: 15px;} */

	.nav-wrapper .sub-nav a{font-size: 16px;}
	.header-fixed .nav-fixed li{padding: 0 6px; font-size: 14px;}
	.header-fixed .other-fixed{ font-size: 14px;}
	.header-fixed .nav-fixed .sub-nav-fixed{left: -18px; min-width: calc(100% + 36px);}
	.nav-wrapper .other-nav{font-size: 12px;}

	.footer .medium-footer li{width: 30px; height: 30px;}
	.footer .medium-footer li img{width: 100%;}
	.footer .copy-ct-footer{display: none;}
	.footer .copy-footer{ display: block; padding: 8px 20px; line-height: 20px; background: #002B1E; color: #fff; font-size: 12px; text-align: center;}
	.footer .logo-footer{width: 63px; height: 84px;}

	.header-wrapper .logo-header{margin: 24px auto 0 36px;}
	.header-wrapper .logo-header a{ width: 183px; height: 58px;}
	.header-wrapper .menu{right: 36px; top: 36px;}
	.header-wrapper .icon-menu{margin-right: 20px;}
	.icon-search{width: 15px; height: 15px;}
}

@media screen  and (max-width:1100px){
	.header-fixed .nav-fixed li{padding: 0 4px; font-size: 14px;}
}

@media screen  and (max-width:1024px){
	html{font-size: 35%;}

	.fs80{font-size: 42px;}
	.fs40{font-size: 21px;}
	/* .fs30{font-size: 16px;}
	.fs24{font-size: 12px;} */
	.header-fixed .nav-fixed li{ font-size: 12px;}
	.header-fixed .divider{margin: 0 10px;}
}

/* 切换为768样式 */
@media screen  and (max-width:900px){
	html{font-size: 33%;}

	.fs80{font-size: 37.5px;}
	.fs40{font-size: 18.75px;}


	body{font-size: 12px;}
	.more a{font-size: 12px;}

	.header-wrapper .logo-header{ margin: 20px auto 0 20px;}
	.header-wrapper .logo-header a{ width: 164px; height: 56px;}
	.header-wrapper .menu{right: 20px;}
	/* .header-fixed .nav-fixed li{ font-size: 12px;} */
	.header-fixed .other-fixed{ font-size: 12px;}
	.nav-wrapper{width: 400px; min-width: 0; padding: 50px 0;}
	.nav-wrapper .sub-nav a{font-size: 14px;}

	.header-fixed-wrapper .con-fixed{white-space: nowrap; overflow-x: auto;}
	
	.nav-wrapper .search{width: 90%; max-width: 332px; height: 52px; margin-left: 16px;}
	.nav-wrapper .icon-search{width: 22px; height: 22px;}
	.nav-wrapper .search input{ height: 50px; }
	.nav-wrapper .search .icon-search{ position: absolute; right: 15px; top: 15px;}
	.nav-wrapper .item-nav .a-item-nav{height: 42px; line-height: 42px; padding:0 16px;}
	.nav-wrapper .close-nav{right: 16px; top: 16px;}
	.btn-close{width: 20px; height: 20px;}


}

@media screen  and (max-width: 850px){
	html{font-size: 28%;}

	.fs80{font-size: 35px;}
	.fs40{font-size: 18px;}

	
	.footer .item-footer{ width: 40%;}
	.footer .ct-footer{ width: 100px;}
}

/* 切换为最小尺寸 */
@media screen  and (max-width: 650px){
	.fs80{font-size: 27px;}
	.fs40{font-size: 14px;}

	.fs30{font-size: 12px;}
	.fs24{font-size: 12px;}

	.header-wrapper .logo-header a{ width: 118px; height: 40px;}

	.nav-wrapper .sub-nav{left: 0 !important; top: 42px;}
	
	

	.footer .con-footer{ display: block; padding-top: 132px;}
	.footer .ct-footer{position: absolute; top: 24px; left: 50%; right: 0; transform: translateX(-50%);}
	.footer .item-footer{ width: 100%;}
	.footer .rt-footer{ justify-content: center; margin-top: 30px;}
	.footer .rt-footer .con-rt-footer{ width: auto; max-width: none;}
	.footer .medium-footer{ text-align: center;}
}

@media screen  and (max-width: 499px){
	.fs80{font-size: 21px;}
	.fs40{font-size: 12px;}

	.nav-wrapper{width: 100%;}
	.til-tabs{width: 50%; margin-right: 0; font-size: 16px;}
}

@media screen  and (max-width: 360px){
    html, body{min-width: 320px;}
	.fs80{font-size: 16px;}

}